<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" href="css/style.css" type="text/css" /> <style>._css3m{display:none}</style>

	<script>
		function check(search)
		{
			var search = document.getElementById("search");
			if(search.value == "")
			{
				alert("Value is NULL" + search.value)
			}
			else
			{
				alert("Not Null :: " + search.value);
				document.getElementById("form1").submit();
			}
		}
		
		function change(label)
		{
			var searchSpan = document.getElementById("searchSpan");
			searchSpan.innerHTML = '<img src="images/bsearch2.png" alt=""/>'+label;
		}
		
	
	</script>
	
</head>
<body style="background-color:#EBEBEB">

<ul id="css3menu1" class="topmenu">
	<li class="topfirst"><a style="width:140px;height:25px;">
	<form action="##form" id="form1">   <input type="text" name="search" id="search"/>    </form></a></li>
	<li class="toplast"><a class="pressed" onclick="check(search)" style="width:113px;height:25px;line-height:25px;">
	<span id="searchSpan"> <img src="images/bsearch2.png" alt=""/>Search</span></a>
		<ul>
			<li><a href="#1" onclick="change('By Title')"><img src="images/256base-3.png" alt=""/>By Title</a></li>
			<li><a href="#2" onclick="change('By Date')"><img src="images/256base-4.png" alt=""/>By Date</a></li>
		</ul>
	</li>
</ul>

</body>
</html>
